{include file="public/header" /}
<link rel="stylesheet" href="../../static/home/css/article.css" />
<div class="blog-body">

    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow" style="visibility: visible;">
            <a href="{:url('/index/index/home')}" title="网站首页">网站首页<span class="layui-box">&gt;</span></a>
            <a><cite>文章专栏</cite></a>
        </blockquote>
        <div class="blog-main">

            <div id="parentArticleList" class="blog-main-left animated slideInLeft">
                <div class="flow-default" id="articleList">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                        {foreach $blog as $v}
                        <div class="article shadow animated zoomIn">
                            <div class="article-left ">
                                <img src="/static/home/img/{$v.blog_photo}" alt="Tomcat优化性能，JVM优化">
                            </div>
                            <div class="article-right">
                                <div class="article-title">
                                    <span class="article_is_top">置顶</span>&nbsp;<span class="article_is_yc">原创</span>&nbsp;
                                    <a href="{:url('/index/index/article/bid/'.$v['blog_id'])}">{$v.blog_title}</a>
                                </div>
                                <div class="article-abstract">
                                    {$v.blog_content}</div>
                            </div>
                            <div class="clear"></div>
                            <div class="article-footer">
                                <span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;{$v.blog_time}</span>
                                <span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;{$v.blog_author}</span>
                                <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="javascript:classifyList(10);"> {$v.cat_art}</a></span>
                                <span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;286</span>
                                <span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;3</span>
                            </div>
                        </div>
                        {/foreach}
                    </fieldset>
                    <div class="clear"></div>
                    <div class="pagination">
                        {$blog|raw}
                    </div>

                </div>
            </div>

            <div class="blog-main-right">

                <div class="blog-search animated fadeInRight">
                    <div class="layui-form-item">
                        <div class="search-keywords  shadow">
                            <input type="text" id="keywords" name="keywords" lay-filter="searchInput" lay-verify="required" placeholder="输入关键词搜索" autocomplete="off" class="layui-input">
                        </div>
                        <div class="search-submit  shadow">
                            <a class="search-btn" lay-submit="searchForm" lay-filter="searchForm"><i class="fa fa-search"></i></a>
                        </div>
                    </div>
                </div>

                <div class="article-category shadow categoryOut">
                    <div class="article-category-title">分类导航</div>
                    <a href="javascript:classifyList(1);">Java基础</a>
                    <a href="javascript:classifyList(2);">web开发</a>
                    <a href="javascript:classifyList(3);">开发工具</a>
                    <a href="javascript:classifyList(4);">心情日记</a>
                    <a href="javascript:classifyList(5);">SpringBoot</a>
                    <a href="javascript:classifyList(6);">Dubbo</a>
                    <a href="javascript:classifyList(7);">Redis</a>
                    <a href="javascript:classifyList(8);">Maven</a>
                    <a href="javascript:classifyList(9);">Centos</a>
                    <a href="javascript:classifyList(10);">Tomcat</a>
                    <a href="javascript:classifyList(11);">技术交流</a>
                    <div class="clear"></div>
                </div>

                <div class="layui-tab layui-tab-brief shadow animated fadeInRight" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li class="layui-this">点击排行</li>
                        <li>站长推荐</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <ul class="blog-module-ul">
                                <li>
											<span>
<i class="layui-badge-rim layui-bg-red">1</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Tomcat优化性能，JVM优化</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim layui-bg-orange">2</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Redis安装</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim layui-bg-green">3</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 使用 JSP</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">4</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring Boot 表单验证@Valid</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">5</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 的核心配置文件</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">6</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">Centos7安装和配置jre1.8</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">7</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">centos7对外开放端口</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">8</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">9</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                                </li>
                                <li>
											<span>
<i class="layui-badge-rim">10</i>
</span> &nbsp;&nbsp;
                                    <a href="detail.html">支付宝开发者入驻</a>
                                </li>
                            </ul>
                        </div>
                        <div class="layui-tab-item">
                            <ul class="blog-module-ul">
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Tomcat优化性能，JVM优化</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Redis安装</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 使用 JSP</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring Boot 表单验证@Valid</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Spring boot 的核心配置文件</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">Centos7安装和配置jre1.8</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">centos7对外开放端口</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">怎么关闭eclipse对js xml的验证?</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">向百度主动推送以加快网页的收录速度！</a>
                                </li>
                                <li>
                                    <span class="article_is_yc">原创</span> &nbsp;&nbsp;
                                    <a href="detail.html">支付宝开发者入驻</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="category-toggle"><i class="fa fa-chevron-left"></i></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
{include file="public/footer" /}